<script setup lang="ts">
import { markRaw } from "vue";

const componentList = markRaw<any>([]);
const requireCom = require.context('./exampleTest', true, /\.vue$/)

requireCom.keys().forEach((key) => {
  const component = requireCom(key)
  componentList.push(component.default)
})

</script>

<template>
  <div class="es-app">
    <h1>EarthSDK UI 组件测试</h1>
    <template v-for="item in componentList">
      <hr>
      <component :is="item"> </component>
    </template>
  </div>
</template>

<style>
.es-app {
  width: 100%;
  height: 100%;
  color: #fff;
  overflow: hidden;
  overflow-y: auto;
  background: #25262A;
}

html,
body {
  background: #25262A;
}
</style>
